{% load static %}
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <meta charset="utf-8">
    <title>Title </title>
  </head>
  <body>
    <div class="header">
      <h3 class="site-name">LOGIN</h3>
       
      </div>
    <main>
    <div align="center">
      <form method="post" action="{% url 'login' %}" >
        {% csrf_token %}
        
        <div class="form-group">
            <label for="username"> Username: </label>
            <br>
            <input type="text" name="username" id="username" placeholder="Username">
        </div>
        <div class="form-group">
            <label for="password"> Password: </label>
            <br>
            <input type="password" name="password" id="password" placeholder="Password">
        </div>
        <div class="form-group">
          <input type="submit" value="Login">
        </div>
       {% if invalid%}
       <p> Incorrect login or password. </p>
       {% endif %}
      </form>
      
    </div>
    <div align="center">Or you can <a href="/registration">sign up</a></div>
    </main>
  </body>
</html>
